@import url('main.less');

@width:100%;
@height:100%;

.header{
  height:6rem;
}
.header .lj {
  position: relative;
  height: 100%;
  img{
    width:119/40rem;
    height:119/40rem;
  }
  .name{
    font-size: 30/40rem;
    color:#fff;
  }
}


.header .lj span {
  font-size: 1.5rem;
}
.input_box{
  width:690/40rem;
  height:419/40rem;
  background: #fff;
  border-radius: 0.25rem;
  margin:0 auto;
  margin-top:-20/40rem;
  .input_title{
    color:#101010;
    height:2.3rem;
    line-height: 2.3rem;
    font-weight: bold;
    border-bottom:2/40rem solid #D0D0D0;
    img{
      width:1rem;
      height:1rem;
      vertical-align: middle;
      margin-left:20/40rem;
      margin-right:15/40rem;
      margin-top:-0.1rem;
    }
  }
  .input_list{
    width:100%;
    padding:0 20/40rem;
    box-sizing: border-box;
    .input_item{
      height:80/40rem;
      border-bottom:2/40rem solid #D0D0D0;
      .label{
        height:100%;
        line-height:80/40rem ;
        color:#101010;
        font-size: 24/40rem;
        font-weight: bold;
        display:inline-block;
      }
      input{
        height:100%;
        border:none;
        float:right;
        display:inline-block;
        font-size: 24/40rem;
        text-align: right;
        outline: none;
      }
    }
    .input_item:last-child{
      border-bottom:none;
    }
  }
}
.no_data_tip{
  position:fixed;
  width:100%;
  bottom: 0.5rem;
  left:0;
  text-align: center;color:#6B6B6B;font-size: 24/40rem;
}
.notice{
  width:690/40rem;
  margin: 0 auto;
  margin-top:48/40rem;
  .title{
    text-align: left;
    font-size: 24/40rem;
    color:#6B6B6B;
    margin-bottom:10/40rem;
    img{
      width:25/40rem;
      height:30/40rem;
      vertical-align: middle;
      margin-top:-8/40rem;
    }
  }
  .title_desc{
    color:#6B6B6B;
    font-size: 24/40rem;
    line-height: 48/40rem;
  }
}
#tips_msg{
  position:fixed;
  bottom:110/40rem;
  color:red;
  text-align: center;
  width:100%;
}
.bottom_btn{
  width:690/40rem;
  height:70/40rem;
  line-height:70/40rem ;
  position:fixed;
  left:30/40rem;
  bottom:30/40rem;
  border-radius: 0.25rem;
  text-align: center;
  color:#fff;
  background: #fff;
  font-size: 30/40rem;
}
.bottom_btn.disable{
  background: #BEBEBE;
}
.bottom_btn.active{
  background: @mainColor;
}

.cer_suc{
  position:fixed;
  display:none;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,.4);
  img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:480/40rem;
    height:270/40rem;
  }
}